@mixin dingwei() {
	/* 定义flex容器 */
	display: flex;
	/*设置容器内部容器的排列方向*/
	flex-direction: row;
}

@mixin danhang1() {
	/* 单行...*/
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

@mixin shuanghang2() {
	/* 两行...*/
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	white-space: normal !important;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	
}
.container {
	min-height: 93.4vh;
	font-family: PingFang SC;
	background-color: #f6f6f6;
	.input-placeholder {
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
	}
	/* .sinput {
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
	} */
	.boxS {
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
		border-radius: 10rpx;
		width: 702rpx;
		padding: 0 16rpx;
		margin: 0 auto;
	}
	.boxSs {
		background: rgba(255, 255, 255, 1);
		box-shadow: 0px 0px 10rpx 0px rgba(0, 0, 0, 0.14);
		border-radius: 10rpx;
		width: 702rpx;
		margin: 0 auto;
	}
	.text-line {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.text-line2 {
		text-overflow: -o-ellipsis-lastline;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	.times {
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
	}
	.p10 {
		position: absolute;
		left: 142rpx;
	
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
	}
	
	
	.footer {
		height: 90rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
    .lianxibox{
      .lianxi{
        width: 200rpx;
        height: 61rpx;
        background: linear-gradient(-90deg, #FDD422, #FFE23E);
        border-radius: 30rpx;
        
        font-size: 29rpx;
        color: #343434;
        line-height: 61rpx;
        text-align: center;
      }
    }
	}
	
	.btns {
		margin-left: 32rpx;
		width: 160rpx;
		height: 60rpx;
		line-height: 60rpx;
		text-align: center;
		background: linear-gradient(-90deg, #FBD220, #FFE23E);
		border-radius: 30rpx;
	}
	.listitem {
		/* height: 500rpx; */
		margin-top: 24rpx;
		margin-bottom: 20rpx;
	
		.li-top {
			height: 72rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;
			border-bottom: 1rpx solid #F6F6F6;
	
			font-size: 32rpx;
			font-family: PingFang SC;
			font-weight: bold;
			color: #333333;
	
			.li-top1 {
				width: 510rpx;
				display: flex;
				align-items: center;
				.shopcss{
					@include danhang1;
				}
				.shopimg{
					margin-right: 16rpx;
					
					image {
						width: 32rpx;
						height: 32rpx;
					}
				}
				.badimg{
					margin-left: 16rpx;
					
					image {
						width: 32rpx;
						height: 32rpx;
					}
				}
			}
	
	
			.stas {
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #EB5C02;
				// margin-left: 40rpx;
			}
		}
	
	
		.datea {
			height: 54rpx;
			display: flex;
			align-items: center;
			margin-top: 20rpx;
			margin-bottom: 18rpx;
	
			.yan {
				width: 494rpx;
				height: 54rpx;
				background: #FFF6CD;
				border-radius: 5rpx;
			}
		}
	
		.faburi {
			justify-content: space-between;
	
			.faburi1 {
				display: flex;
				align-items: center;
			}
	
			.faburi2 {
				display: flex;
				align-items: center;
			}
		}
	
		.img3 {
			width: 90rpx;
			height: 30rpx;
			margin-left: 16rpx;
		}
	
		.img4 {
			margin-left: 16rpx;
			width: 30rpx;
			height: 32rpx;
		}
	
		.img5 {
			margin-left: 16rpx;
			width: 40rpx;
			height: 24rpx;
		}
	
		.xian {
			width: 100%;
			height: 2rpx;
			background-color: #EEEEEE;
			margin-top: 25rpx;
		}
	
		.li-title {
			display: flex;
			margin-top: 18rpx;
			height: 72rpx;
			position: relative;
			.img1 {
				width: 36rpx;
				height: 36rpx;
				margin-right: 16rpx;
			}
	
			.img2 {
				width: 36rpx;
				height: 36rpx;
				margin-right: 16rpx;
			}
	
			.li-title-name {
				margin-right: 19rpx;
				display: flex;
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #999999;
	
	
			}
	
			.names {
				width: 506rpx;
				display: inline-block;
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #333333;
			}
	
			.stas {
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #EB5C02;
				margin-left: 40rpx;
			}
		}
	
		.li-item {
			height: 22rpx;
			line-height: 22rpx;
			display: flex;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #999999;
			position: relative;
		}
	
		.li-item2 {
			margin-top: 34rpx;
			height: 70rpx;
			display: flex;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #999999;
			position: relative;
		}
	
		.p-item-top {
			display: flex;
			justify-content: space-between;
		}
		.p-item {
			width: 520rpx;
		}
	
		.p-item-bottom {
			position: absolute;
			bottom: 0;
			right: 0;
			text-align: right;
			color: #999999;
		}
		.li-price {
			display: flex;
			align-items: center;
			justify-content: space-between;
			height: 25rpx;
			line-height: 25rpx;
			margin-top: 56rpx;
			.li-price-left {
				color: #999999;
				font-size: 24rpx;
				height: 25rpx;
				line-height: 25rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
			}
		}
	}
	.assas {
		margin-top: 24rpx;
		padding: 0 24rpx;
		padding-left: 24rpx;
	}
	.item {
		height: 148rpx;
		display: flex;
		padding: 24rpx 0;
		padding-left: 24rpx;
		image {
			width: 100rpx;
			flex: 0 0 100rpx;
			height: 100rpx;
			margin-right: 20rpx;
			border-radius: 50%;
		}
	}
	.title-wrap {
		.title1 {
			font-size: 32rpx;
			margin-top: 15rpx;
			margin-left: 15rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: rgba(51, 51, 51, 1);
			width: 560rpx;
			height: 40rpx;
	
			@include danhang1;
	
			.time {
				margin-top: -40rpx;
				margin-left: 426rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: rgba(185, 185, 185, 1);
			}
		}
	
	
	
	}
	.title2 {
		width: 548rpx;
		height: 52rpx;
		display: flex;
		justify-content: space-between;
	
	
		.newlist {
			font-size: 30rpx;
			text-align: right;
			width: 90%;
		}
	
		.weidu {
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			font-weight: bold;
			text-align: center;
			line-height: 34rpx;
			background-color: #EB5C02;
		}
	}
	.onexi {
		width: 34rpx;
		height: 34rpx;
		background: #EB5C02;
		
		border-radius: 50%;
	}
	.twoxi {
		width: 62rpx;
		height: 34rpx;
		background: #EB5C02;
		border-radius: 17rpx;
	}
}

.centercss{
	
	.offleft {
		@include dingwei;
	
		.offleftimg {
      width: 36rpx;
      height: 36rpx;
			margin-top:26rpx;
      text-align: center;
      line-height: 36rpx;
		}
	}
	
	.offright {
		margin-left:-35rpx;
		width: 660rpx;
		font-family: PingFang SC;
		font-weight: 500;
		margin-top:26rpx;
	
		.ofrtitle {
			margin-left: 60rpx;
			margin-top: -3rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: rgba(51, 51, 51, 1);
			line-height: 40rpx;
			@include danhang1;
		}
		.ofrcolor {
			// margin-top: 30rpx;
			@include dingwei;
	
			.ofrtitlewg {
				width: 150rpx;
				margin-top: 14rpx;
				font-size: 26rpx;
				color: rgba(153, 153, 153, 1);
			}
	
			.ofrquanbox {
				width: 510rpx;
				margin-top: 15rpx;
				@include dingwei;
				@include danhang1;
				
				.ofrtime {
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #999999;
					margin-top: 6rpx;
					text-align: right;
					@include danhang1;
				}
				.ofrquan {
					width: 30rpx;
					height: 30rpx;
					background: rgba(255, 54, 40, 1);
					border-radius: 50%;
				}
	
				.ofrqconame {
					margin-top: -3rpx;
					padding: 0rpx 10rpx;
					font-size: 26rpx;
					color: #333333;
				}
				
				.ofrqconamebj {
					margin-top: -3rpx;
					font-size: 26rpx;
					color: #333333;
				}
				.ofrqconamebaojia{
					width: 60%;
					font-size: 30rpx;
					font-weight: bold;
					color: #EB5C02;
					@include danhang1;
				}
			}
		}
	
		.ofrzdjbox {
			font-size: 24rpx;
			color: rgba(102, 102, 102, 1);
			margin-top: 18rpx;
			@include dingwei;
	
			.ofrzdj {
				width: 306rpx;
				@include danhang1;
			}
	
			.ofradd {
				width: 142rpx;
				text-align: right;
			}
		}
	
		.ofrbaoja {
			font-size: 24rpx;
			color: rgba(102, 102, 102, 1);
			margin-top: 14rpx;
			@include dingwei;
	
			.ofrbj {
				width: 306rpx;
				@include danhang1;
	
				text {
					margin-top: 4rpx;
					font-size: 34rpx;
					font-weight: bold;
					color: rgba(235, 92, 2, 1);
				}
			}
	
			.ofrtime {
				margin-top: 6rpx;
				width: 160rpx;
				text-align: right;
				@include danhang1;
			}
		}
	
	}
}